{% extends "base.html" %}
{# Copyright The IETF Trust 2015, All Rights Reserved #}
{% load origin %}
{% load static %}
{% load ietf_filters %}
{% load django_bootstrap5 widget_tweaks %}
{% block title %}
    {% if liaison %}
        Edit liaison: {{ liaison }}
    {% else %}
        Send Liaison Statement
    {% endif %}
{% endblock %}
{% block pagehead %}
    {{ form.media.css }}
    <link rel="stylesheet" href="{% static 'ietf/css/liaisons.css' %}">
{% endblock %}
{% block content %}
    {% origin %}
    <h1 class="mb-3">
        {% if liaison %}
            Edit liaison<br><small class="text-body-secondary">{{ liaison }}</small>
        {% else %}
            Send Liaison Statement
        {% endif %}
    </h1>
    {% if form.errors %}
        <div class="alert alert-danger my-3">
                There were errors in the submitted form -- see below. Please correct these and resubmit.
        </div>
    {% endif %}
    {% bootstrap_form_errors form %}
    {% if not liaison %}
        <p>
            If you wish to submit your liaison statement by e-mail, then please send it to
            <a href="mailto:statements@ietf.org">statements@ietf.org</a>
        </p>
        <p>
            Fields marked with
            <span class="required"><label></label></span>
            are required. For detailed descriptions of the fields see the
            <a href="{% url 'liaison-help-fields' %}">field help</a>.
        </p>
    {% endif %}
    <form
          class="liaisons-form form-horizontal show-required"
          method="post"
          enctype="multipart/form-data"
          data-edit-form="{{ form.edit }}"
          data-ajax-info-url="{% url 'ietf.liaisons.views.ajax_get_liaison_info' %}">
        {% csrf_token %}
        <h2>From</h2>
            {% bootstrap_field form.from_groups layout="horizontal" %}
            {% bootstrap_field form.from_contact layout="horizontal" %}
            {% bootstrap_field form.response_contacts layout="horizontal" %}
            {% if form.approved %}
                {% bootstrap_field form.approved layout="horizontal" %}
            {% endif %}
        <h2>To</h2>
            {% bootstrap_field form.to_groups layout="horizontal" %}
            {% bootstrap_field form.to_contacts layout="horizontal" %}
        <h2>Other email addresses</h2>
            {% bootstrap_field form.technical_contacts layout="horizontal" %}
            {% if form.action_holder_contacts %}
                {% bootstrap_field form.action_holder_contacts layout="horizontal" %}
            {% endif %}
            {% bootstrap_field form.cc_contacts layout="horizontal" %}
        <h2>Purpose</h2>
            {% bootstrap_field form.purpose layout="horizontal" %}
            {% bootstrap_field form.deadline layout="horizontal" %}
        <h2>Reference</h2>
            {% bootstrap_field form.other_identifiers layout="horizontal" %}
            {% bootstrap_field form.related_to layout="horizontal" %}
        <h2>Liaison Statement</h2>
            {% bootstrap_field form.title layout="horizontal" %}
            {% bootstrap_field form.submitted_date layout="horizontal" %}
            {% bootstrap_field form.body layout="horizontal" %}
            <div class="row mb-3">
                <p class="col-md-2 fw-bold col-form-label">{{ form.attachments.label }}</p>
                <div class="col-md-10">{{ form.attachments }}</div>
            </div>
        <h2>Add attachment</h2>
            {% bootstrap_field form.attach_title layout="horizontal" %}
            {% bootstrap_field form.attach_file layout="horizontal" %}
            {% bootstrap_field form.attach_button layout="horizontal" %}

        <a class="btn btn-danger float-end"
           href="{% if liaison %}{% url 'ietf.liaisons.views.liaison_detail' object_id=liaison.pk %}{% else %}{% url 'ietf.liaisons.views.liaison_list' %}{% endif %}">
            Cancel
        </a>
        {% if not liaison %}
            <button name="send" type="submit" class="btn btn-primary">Send and post</button>
            <button name="post_only" type="submit" class="btn btn-primary">Post only</button>
        {% else %}
            <button name="save" type="submit" class="btn btn-primary">Save</button>
        {% endif %}
    </form>
{% endblock %}
{% block js %}
    {{ form.media.js }}
    <script src="{% static 'ietf/js/liaisons.js' %}"></script>
{% endblock %}
